<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>字幕翻译</title>
    <link rel="stylesheet" href="css/translate.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<label class="control-label" id="filename" style="float: left;font-weight: bold;font-size: 20px;margin-left: 5%">文件名</label>
<!--表单开始-->
<form class="form-inline" action="" method="get">
    <div class="form-inline" style="margin-left: 350px">
        <label for="way_to_translation" class=" control-label">翻译库</label>
        <select name="way_to_translation" class="form-control btn-group btn-group-xs" id="way_to_translation" style="margin-bottom: 20px;width: 120px">
            <option id="system" value="系统自带">系统自带</option>
            <option id="bd_translation" value="百度翻译">百度翻译</option>
            <option id="yd_translation" value="有道翻译">有道翻译</option>
            <option id="google_tran" value="谷歌翻译">谷歌翻译</option>
        </select>
        <label for="type_of_translation" class="control-label " style="margin-left: 10%">翻译类型</label>
        <select name="type_of_translation" class="form-control btn-group btn-group-xs" id="type_of_translation" style="margin-bottom: 20px;width: 120px">
            <option value="英-->中">英-->中</option>
            <option value="中-->英">中-->英</option>
        </select>

        <input type="submit" class="btn btn-danger btn-md" value="提交" style="margin-left: 15%">
        <button type="button" class="btn btn-default btn-md" style="margin-left:3%">文件上传</button>
        <button type="button" class="btn btn-info btn-md" style="margin-left: 3%">使用帮助</button>

    </div>

<!--原文部分开始-->
    <div class="d_content col-md-12">
        <div class="d_text">
            <div class="d_tnav">
                <p>原文:</p>
            </div>
            <div class="d_yw">
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <input type="text" readonly="readonly" class="text">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <input type="text" readonly="readonly" class="text">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <input type="text" readonly="readonly" class="text">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <input type="text" readonly="readonly" class="text">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <input type="text" readonly="readonly" class="text">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <input type="text" readonly="readonly" class="text">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <input type="text" readonly="readonly" class="text">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <input type="text" readonly="readonly" class="text">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <input type="text" readonly="readonly" class="text">
                </div>
            </div>
        </div>
<!--原文部分结束-->
<!--翻译部分开始-->
        <div class="translate col-md-6">
            <div class="d_nav">
                <div class="l_all">
                    <p>翻译:</p>
                    <p class="fy_p">英语->中文简体</p>
                </div>
                <div class="all">
                    <span>已完成</span>
                    <span>100%</span>
                    <span>共5534字</span>
                </div>
            </div>
            <div class="d_fy">
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <label for="translation_one"></label>
                    <input id="translation_one" type="text" class="tran_text" value="" name="translation_one">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <label for="translation_three"></label>
                    <input id="translation_three" type="text" class="tran_text" value="" name="translation_three">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <label for="translation_four"></label>
                    <input id="translation_four" type="text" class="tran_text" value="" name="translation_four">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <label for="translation_five"></label>
                    <input id="translation_five" type="text" class="tran_text" value="" name="translation_five">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <label for="translation_six"></label>
                    <input id="translation_six" type="text" class="tran_text" value="" name="translation_six">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <label for="translation_seven"></label>
                    <input id="translation_seven" type="text" class="tran_text" value="" name="translation_seven">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <label for="translation_eight"></label>
                    <input id="translation_eight" type="text" class="tran_text" value="" name="translation_eight">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <label for="translation_nine"></label>
                    <input id="translation_nine" type="text" class="tran_text" value="" name="translation_nine">
                </div>
                <div class="time">
                    <p class="t_t">00:00:06.792 _ 00:00:10.166</p>
                    <p class="t_p">Message:1</p>
                    <label for="translation_ten"></label>
                    <input id="translation_ten" type="text" class="tran_text" value="" name="translation_ten">
                </div>
            </div>
        </div>
    </div>

</form>
<!--表单提交结束-->
</body>
</html>